import React, { PureComponent } from 'react';
import cover from '../../../../assets/busi/performanceAnalysis/profitOverview/cover.png';
import coverRed from '../../../../assets/busi/performanceAnalysis/profitOverview/coverRed.png';
import coverDarkBlue from '../../../../assets/busi/performanceAnalysis/profitOverview/coverDarkBlue.png';
import style from '../index.less';
class MyCoverC extends PureComponent {
  state = {};

  render() {
    const { searchData = {}, colorType } = this.props;
    const { portfolioName, beginDate, endDate } = searchData;
    let imgUrl;
    switch (colorType) {
      case 'darkBlue':
        imgUrl = coverDarkBlue;
        break;
      case 'red':
        imgUrl = coverRed;
        break;
      default:
        imgUrl = cover;
    }
    return (
      <div className={style.reportCover} id={'MyCoverC'}>
        <img src={imgUrl} width='100%' height='100%' />
        <div className={style.reportTitle}>绩效分析报告</div>
        <div className={style.reportTitleE}>Performance Analysis Report</div>
        <div className={style.reportProduct}>{portfolioName}</div>
        <div className={style.reportTime}>
          {beginDate} ~ {endDate}
        </div>
      </div>
    );
  }
}
export default MyCoverC;
